{% extends 'shop/base.html' %}

{% block content %}
	<div id="sidebar">
		<ul>
			<li {% if not category %} class="selected" {% endif %}>
				<a href="{% url "shop:product_list" %}">All</a>
			</li>
			{% for c in categories %}
				<li {% if category.slug == c.slug %} class="selected" {% endif %}>
					<a href="{{c.get_absolute_url}}">{{c.name}}</a>
				</li>
			{% endfor %}
			
		</ul>
	</div>

	<div id="main" class="product-list">
		<h1>{% if category %}{{category.name}}{%else%}Products{%endif%}</h1>
		{% for product in products%}
			<div class="item">
				<a href="{{product.get_absolute_url}}">
					![]({% if product.image %}{{product.image.url}}{% endif %}
				</a>
				<a href="{{product.get_absolute_url}}">{{product.name}}</a><br/>
				${{product.price}}
			</div>
		{% endfor%}
	</div>
{% endblock %}